<template>
    <el-avatar :size="30" :src="profile.avatar"/>
    <el-dropdown>
        <el-icon class="el-icon--right">
            <arrow-down/>
        </el-icon>
        <template #dropdown>
            <el-dropdown-menu>
                <el-dropdown-item>个人中心</el-dropdown-item>
            </el-dropdown-menu>
        </template>
    </el-dropdown>
</template>
<script setup type="ts">
import {ArrowDown} from "@element-plus/icons-vue";
import {reactive} from "vue";

const profile = reactive({
    avatar: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
})
</script>
